{% extends "tcms_base.html" %}
{% load report_tags %}
{% load static %}

{% block subtitle %}Versions Report- {{ product }}{% endblock %}

{% block custom_stylesheet %}
<link rel="stylesheet" type="text/css" href="{% static 'style/print.css' %}" media="print" />
{% endblock %}

{% block custom_javascript %}
<script type="text/javascript" src="{% static 'js/report.js' %}"></script>
<script type="text/javascript">
Nitrate.Utils.after_page_load(Nitrate.Report.List.on_load);
</script>
{% endblock %}

{% block contents %}
<div id="content">
	{% include 'report/nav.html' %}
	<div class="Detailform border-1" style="background:#f1f1f1 ;">
		{% if version %}
		<h2>Version: {{ version }}</h2>
		<div class="bold-line" style="float:left;width:100%"></div>
		{% include "report/case_runs_status_subtotal.html" %}
		{% endif %}
		<table class="list report" border="0" cellspacing="0" cellpadding="0" width="100%">
			<tr>
				<th width="20%">Version</th>
				<th width="10%">Plans</th>
				<th width="15%">Runs (Running/Finished)</th>
				<th width="10%">Cases</th>
				<th width="35%">Case Runs Progress</th>
				<th width="10%">Failed Case Runs</th>
			</tr>
			{% for version in versions %}
			<tr>
				<td class="variety_0">
					<a href="?version_id={{ version.pk }}">{{ version }}</a>
				</td>
				<td class="variety_1">{{ version.plans_count }}</td>
				<td class="variety_2">{{ version.running_runs_count }}/{{ version.finished_runs_count }}</td>
				<td class="variety_3">{{ version.cases_count }}</td>
				<td class="variety_4">
					<div class="progress-bar">
						<div class="progress-inner" style="width:{{ version.case_run_percent|default:'0' }}%">
							<div class="percent">{{ version.case_run_percent|default:'0' }}%</div>
						</div>
					</div>
				</td>
				<td class="variety_4">
					{% if version.failed_case_runs_count  %}					
					<div class="strong emphasize">{{ version.failed_case_runs_count|default:'0' }} Failed</div>
					{% endif %}
				</td>
			</tr>
			{% endfor %}
		</table>
	</div>
</div>
{% endblock %}
